<!DOCTYPE html>
<html>
<head>
	<title>myIndex</title>
	<script src="https://cdn.bootcss.com/vue/2.5.17/vue.js"></script>
</head>
<body>

<div id="app">
	<p>{{msg}}</p>
	<p>{{msg1}}</p>
</div>
	
<script>

	var app = new Vue({
		el: '#app',
		data: {
			msg: "Hello Vue!",
			another: "another Hello Vue"
		},
		watch: {
			msg: function(newval, oldval){
				console.log("newva: " + newval)
				console.log("oldval: " + oldval)
			}
		},
		computed: {
			msg1: function(){
				return "computed: " + this.msg + "," + this.another
			}
		}

	})

</script>

</body>
</html>